/***** 商店导航栏 *****/
.page .store-header .content{
    height: 66px;
}
/*** 愿望单、购物车 ***/
.page .store-header .store-control{
    height: 31px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    /* visibility: hidden; */
}
.page .store-header .store-control .controlBtn{
    height: 20px;
    padding: 0 25px;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    border-radius: 1px;
    margin-left: 1px;
    box-shadow: 0 0 3px #000;
    cursor: pointer;
    margin-top: 8px;
}
.page .store-header .store-control .wishlist{
    background-image: url(/images/public/background/background_wishlist.jpg);
    background-color: rgba( 255, 255, 255, 0.4 );
    background-position: -34px 20px;
    display: none;
}
.page .store-header .store-control .wishlist:hover{
    color: #111111;
    background: linear-gradient(135deg, #ffffff 0%,#919aa3 100%);
}
.page .store-header .store-control .cartBtn{
    color: #a4d007;
    
    background-image: url(/images/public/background/background_cart.jpg);
    background-color: rgba( 164, 208, 7, 0.4 );
    background-position: -34px 30px;   
    // display: none;
}
.page .store-header .store-control .cartBtn:hover{
    color: #111111;
    background: rgba( 164, 208, 7, 0.8 );
}
/*** 导航 ***/
.page .store-header .store-nav{
    height: 35px;
    background: rgba( 62, 126, 167, 0.8);
    box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page .store-header .store-nav ul{
    height: 35px;
    margin-left: 0;
}
.page .store-header .store-nav ul li{
    float: left;
    height: 35px;
    border-right: 1px solid rgba( 16, 21, 25, 0.3);
    cursor: pointer;
    padding: 1px;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.page .store-header .store-nav ul li:nth-of-type(1),
.page .store-header .store-nav ul li:nth-of-type(2){
    padding-right: 8px;
}
.page .store-header .store-nav ul li:hover{
    background: linear-gradient( to bottom, #e3eaef 5%, #c7d5e0 95%);
    text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.25 );
}
.page .store-header .store-nav ul li:hover span{
    color: #000;
}
.page .store-header .store-nav ul li span{
    padding: 0;
    color: #d9dadd;
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
}
.page .store-header .store-nav ul li em{
    display: block;
    width: 19px;
    height: 16px;
    padding: 0;
    background-image: url(/images/public/nav/btn_arrow_down_padded_white.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

/*** hover出来的菜单 ***/
.page .store-header .store-nav ul li .store-navlistBox{
    position: absolute;
    z-index: 200;
    box-shadow: 0 0 12px #000000;
    padding: 8px 5px;
    background: linear-gradient( to bottom, #e3eaef 5%, #c7d5e0 95%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear;
}
.page .store-header .store-nav ul li:hover .store-navlistBox{
    visibility: visible;
    opacity: 1;
}
.page .store-header .store-nav ul li .store-navlistBox:hover{
    visibility: visible;
    opacity: 1;
}
.page .store-header .store-nav ul li .store-navlistBox:nth-of-type(1){
    top: 35px;
    left: 1px;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist{
    min-width: 82px;
    width: auto;
}
.page .store-header .store-nav ul li:nth-of-type(2) .store-navlistBox .store-navlist{
    display: flex;
    flex-direction: row;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist a{
    font-size: 12px;
    display: block;
    color: #000;
    padding: 5px 12px;
    font-family: 'Motiva Sans';
    text-decoration: none;
    white-space: nowrap;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist a:hover{
    color: #fff;
    background-color: #212d3d;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist hr{
    margin: 5px 10px 5px 10px;
    background-color: #fff;
    height:1px;
    border-top: none;
}

/*** hover出来的第二个菜单的分列 ***/
.page .store-header .store-nav ul li .store-navlistBox .store-navlist .menu{
    min-width: 82px;
    min-height: 100px;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist .menu+.menu{
    margin-left: 5px;
    border-left: 1px solid #ffffff;
    padding-left: 5px;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist .menutitle{
    font-size: 11px;
    padding: 2px 12px 3px 12px;
    cursor: default;
    color: #4f94bc;
}
.page .store-header .store-nav ul li .store-navlistBox .store-navlist .menu a{
    font-size: 13px;
}


/*** 搜索栏 ***/
.page .store-header .store-nav .store-search{
    padding: 2px 4px 2px;
    height: 30px;
}
.page .store-header .store-nav .store-search .searchBox{
    background-color: #316282;
    border-radius: 3px;
    border: 1px solid rgba( 0, 0, 0, 0.3);
    min-width: 230px;
    height: 28px;
    padding-left: 6px;
    box-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.2);   
}
.page .store-header .store-nav .store-search .searchBox:hover{
    border: 1px solid #4c9acc;
    box-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.0);
}
.page .store-header .store-nav .store-search .searchBox input{
    border: none;
    background-color: transparent;
    margin-left: 8px;
    margin-top: 1px;
    width: 180px;
    outline: none;
    line-height: 26px;
    font-size: 14px;
    text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1);
    font-family: "Motiva Sans", Sans-serif;
    font-weight: 100;
}
.page .store-header .store-nav .store-search .searchBox input::-webkit-input-placeholder{
    color: #0e1c25;
}
.page .store-header .store-nav .store-search .searchBox input.default{
    font-style: italic;
}
.page .store-header .store-nav .store-search .searchBox input.term{
    color: #fff;
}
.page .store-header .store-nav .store-search .searchBox a{
    display: block;
    float: right;
    width: 25px;
    height: 25px;
    background: url(/images/public/nav/search_icon_btn.png);
}
.page .store-header .store-nav .store-search .searchBox a:hover{
    background:url(/images/public/nav/search_icon_btn_over.png);
}


